<div class="blade-content __medium-wide" id="blade-content">
    <div class="blade-inner">
        <div class="inner-block">
            <div class="table-wrapper">
                <table class="table">
                    <thead>
                        <tr>
                            <th class="table-col">
                                <label class="form-control __checkbox">
                                        <input (click)="onAllCheack($event.target)" #allCheckRef name="allCheck"  id="allCheck"  type="checkbox">
                                      <span class="check"></span>
                              </label>
                            </th>
                            <th class="table-col">序号</th>
                            <th  class="table-col">状态名称</th>
                            <th  class="table-col">状态编码</th>
                            <th  class="table-col">颜色</th>
                            <th  class="table-col">优先级</th>
                            <th  class="table-col">排序</th>
                            <th  class="table-col">设备</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr class="table-item __selected"  *ngFor="let item of deviceStatusesList let i =index " [ngClass]="{'__selected': currentEntity?.statusId == item.statusId}"  >
                            <td class="table-col __product-control">
                                <label class="form-control __checkbox">
                                    <input type="checkbox"  name="itemCheck"  (click)="onItemCheack($event.target,item)" [checked]="allCheckRef.checked">
                                    <span class="check"></span>
                                </label>
                            </td>
                            <td class="table-col __product-name" (click)="onSeletedChange(item)">
                                {{ i+1 }}
                            </td>
                            <td class="table-col __product-name" (click)="onSeletedChange(item)">
                                 {{item.statusName}}
                            </td>
                            <td class="table-col __product-name" (click)="onSeletedChange(item)">
                                 {{item.statusKey}}
                            </td>
                             <td class="table-col __product-code" (click)="onSeletedChange(item)">
                                 <span  class="turbstatus-color" [ngStyle]="{background:item.statusColor}"></span>
                                 <!-- <input type="color" value="{{item.statusColor}}" disabled> -->
                            </td>
                            <td class="table-col __product-code" (click)="onSeletedChange(item)">
                                {{item.priority}}
                            </td>
                            <td class="table-col __product-code" (click)="onSeletedChange(item)">
                               {{item.statusSeq}}
                            </td>
                            <td class="table-col __product-code" (click)="onSeletedChange(item)">
                               {{item.deviceCategoryName}}
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>  
